.navConainer{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-size:cover ;
	.leftDiv_p{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height:100%;
		.leftDiv{
			height: 50%;
			width: 130px;
			color: #ffffff;
			line-height: 54px;
			// font-size: 18px;
			padding-right: 20px;
			background-size: cover;
			background-image: url(../../../images/login.png);
		}
		span{
			padding-left: 20px;
			color: #ffffff;
			font-size: 18px;
		}
	}
	ul{
		height: 100%;
		display: flex;
		justify-content:  flex-end;
		transition: 0.2s;
		position: relative;
		li{
			height: 100%;
			text-align: center;
			margin: 0 12px;
			color:#ffffff;
			cursor: pointer;
			transition: 0.2s;
			position: relative;
			overflow: hidden;
			.bottomBorder{
				position: absolute;
				width: 100%;
				top: 0;
				height: 3px;
				background: #ffffff;
				/*border-radius: 2px;*/
				transition: 0.4s;
			}
			dl{
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				transition: 0.2s;
				dt{
					font-size: 14px;
					height: 18px;
					line-height: 18px;
					transition: 0.2s;
				}
				dd{
					display: none;
					height: 14px;
					line-height: 14px;
					font-size: 12px;
					margin: 0;
					transition: 0.2s;
				}
			}
		}
	}
	.menu_top_icon{
		i{
			font-size: 22px;
			color: #ffffff;
			cursor: pointer;
			transition: 0.2s;
		}
		i:hover{
			font-size: 26px;
		}
	}
}
.menu_p{
	color: #333;
	width: 90%;
	border-bottom:1px dashed #e5e5e5;
	height: 30px;
	line-height: 30px;
	margin-bottom:10px;
	cursor: pointer;
	// background: #13C2C2;
}
.menu_p:hover{
	background: #E5E5E5;
}
.navConainer_warp{
	// background: rgba(0,0,0,0.4);
	background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.8));
	height: 54px;
	padding: 0 16px;
}
.navConainer_sub{
	max-width: 1024px;
	height: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.content_conainer{
	overflow-y: auto;
	height: calc( 100% - 54px );
	background: rgba(0,0,0,0.8);
}

/*滚动条样式*/
.content_conainer::-webkit-scrollbar {/*滚动条整体样式*/
	width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 100%; 
  }
.content_conainer::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.2);
  }
.content_conainer::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0);
}


@media screen and (max-width: 3000px) {
    .navConainer{
    	ul{
    		display: block;
			height: 100%;
			display: flex;
			justify-content:  flex-end;
			transition: 0.2s;
			position: relative;
    	}
    	.menu_top_icon{
    		display: none;
    	}
    }
}

@media screen and (max-width: 760px) {
    .navConainer{
    	ul{
    		display: none;
    	}
    	.menu_top_icon{
    		display: block;
    	}
    }
}

@media screen and (max-width: 568px) {
    .navConainer{
    	ul{
    		display: none;
    	}
    	.menu_top_icon{
    		display: block;
    	}
    }
}



